<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/common-PC.css" />
    <link rel="stylesheet" href="../css/shoppingCart.css" />
  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->

    <script src="../js/shoppingCar.js" type="module"></script>
    <!-- <script src="../js/pro.js" type="module"></script> -->
    <title>购物车</title>
  </head>
  <body>
    <div class="header">
      <div class="header-c">
        <div class="hlogo">
          <a href="./index.html">
            <img src="../img/logo-mi2.png" alt="" />
          </a>
        </div>
        <div class="info">
          <h1>我的购物车</h1>
          <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
        </div>
        <div class="login">
          <div class="user">
            <div>
              <a href=""> 揍鸡 </a>
            </div>
            <span>|</span>
            <div>
              <a href=""> 我的订单 </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="main-c clr">
        <!-- 头部全选 -->
        <div class="cart-thead">
          <div class="t-checkbox">
            <input type="checkbox" class="checkAll ck" />
            <p>全选</p>
          </div>
          <div class="t-goods">商品名称</div>
          <div class="t-price">价格</div>
          <div class="t-num">数量</div>
          <div class="t-sum">小计</div>
          <div class="t-action">操作</div>
        </div>
        <!-- 商品列表 -->
        <div class="cart-item-list">
          <!-- 每个商品 -->
          <div class="cart-item">
            <div class="p-checkbox">
              <input type="checkbox" class="ck" />
            </div>
            <div class="p-img">
              <img src="../img/tizhongcheng.jpg" alt="" />
            </div>
            <div class="p-name">小米体重秤2白色</div>
            <div class="p-price">59元</div>
            <div class="p-num">
                <div class="change-goods-num">
                    <a href="javascript:void(0)" class="decrement">-</a>
                    <input type="text" class="itxt" value="1">
                    <a href="javascript:void(0)" class="increment">+</a>
                </div>
          </div>
          <div class="p-sum">59元</div>
          <div class="p-action"><a href="javascript:void(0)">x</a></div>
        </div>
       


      </div>

<div class="null"></div>
      <!-- 结算 -->
      <div class="cart-bar fl">
          <div class="section-left fl">
              <a href="">
                继续购物
              </a>
              <span>|</span>
              <span>共 <i>1</i>件商品，已选择 <i>1</i>件</span>
          </div>
           <div class="section-right fr">
               <div class="fl totle">
                   合计: <em>1</em>元
               </div>
               <div class="settlement">
                   <a href="javascript:void(0)">去结算</a>
               </div>
           </div>
      </div>
    </div>
    <div class="more">
        <div class="more-c">
            <div class="m-title">
                <span>
                    买购物车中商品的人还买了
                </span>
            </div>
            <div class="m-list">
                <ul class="m-ul clr">
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/m-1.webp" alt="">
                            <p>小米巨能写多彩中性笔</p>
                            <p>9.9元</p>
                            <p>12.8万人好评</p>
                        </a>
                        <div class="m-action">
                            <a href="">
                                加入购物车
                            </a>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="footer-c">
          <div class="footer-service">
            <ul class="service-ul">
              <li>
                <a href="">
                  <span class="iconfont icon-gongju"></span>
                  预约维修服务
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-7tiantuihuanhuo"></span>
                7天无理由退货
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                  15天免费退货
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-liwu"></span>
                  满69包邮
                </a>
              </li>
              <li>
                <a href="">
                  <span class="iconfont icon-weibiaoti-3"></span>
                  520余家售后网点
                </a>
              </li>
            </ul>
          </div>
          <div class="footer-links">
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>帮助中心</dt>
              <dd>账户管理</dd>
              <dd>购物指南</dd>
              <dd>订单操作</dd>
            </dl>
            <div class="col-contact">
              <p>400-100-5678</p>
              <p>8:00-18:00（仅收市话费）</p>
              <a href="">
                人工客服
              </a>
            </div>
          </div>
        </div>
      </div>
     
      <!-- 底部信息 -->
      <div class="site-info">
        <div class="info-c">
          <div class="info-logo">
            <img src="./../img/logo-mi2.png" alt="">
          </div>
          <div class="info-text">
          <p>
            <a href="">小米商城</a>
            <span>|</span>
            <a href="">MIUI</a>
            <span>|</span>
            <a href="">米家</a>
            <span>|</span>
            <a href="">米聊</a>
            <span>|</span>
            <a href="">多看</a>
            <span>|</span>
            <a href="">游戏</a>
            <span>|</span>
            <a href="">政企服务</a>
            <span>|</span>
            <a href="">小米天猫店</a>
            <span>|</span>
            <a href="">小米集团隐私政策</a>
            <span>|</span>
            <a href="">小米公司儿童信息保护规则</a>
            <span>|</span>
            <a href="">小米商城隐私政策</a>
            <span>|</span>
            <a href="">小米商城用户协议</a>
            <span>|</span>
            <a href="">用户反馈</a>
            <span>|</span>
            <a href="">Select Location</a>
            <span>|</span>
          </p>
          <p>
            <a href="">
              北京互联网法院法律服务工作站
            </a>
            <span>|</span>
            <a href="">
              中国消费者协会
            </a>
            <span>|</span>
            <a href="">
              北京市消费者协会
            </a>
          </p>
          <p >
            <a href="">mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</a>
            <br>
            <a href="">(京)网械平台备字(2018 ）第O0005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</a>
            <br>
            <a href="">增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</a>
            <br>
            <a href="">违法和不良信息举报电话:171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>

        </p>
        <div class="info-img">
          <a href="">
            <img src="./../img/yinsi.png" alt="">
          </a>
          <a href="">
            <img src="./../img/yinsi2.png" alt="">
          </a>
          <a href="">
            <img src="./../img/yinsi3.png" alt="">
          </a>
          <a href="">
            <img src="./../img/yinsi4.png" alt="">
          </a>
          <a href="">
            <img src="./../img/yinsi5.png" alt="">
          </a>
        </div>
      </div>
     
        </div>
      </div>
  </body>
</html>
